<%@ page contentType="text/html;charset=UTF-8" %>
    <script type="text/javascript">
var initCost = false;
$(document).ready(function() {

    $('#table').bootstrapTable({
        //请求方法
        method: 'post',
        //类型json
        dataType: "json",
        contentType: "application/x-www-form-urlencoded",
        //是否显示行间隔色
        striped: true,
        //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        cache: false,
        //显示检索按钮
        showSearch: true,
        //显示刷新按钮
        showRefresh: true,
        //显示切换手机试图按钮
        showToggle: true,
        //显示 内容列下拉框
        showColumns: true,
        //显示切换分页按钮
        //是否显示分页（*）
        pagination: true,

        pageList: [10, 25, 50, 100,"All"],
        //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
        url: "${ctx}/sys/lateFeePlan/data",
        //默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
        //queryParamsType:'',
        ////查询参数,每次调用是会带上这个参数，可自定义
        queryParams : function(params) {
            var searchParam = $("#searchForm").serializeJSON();
            searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
            searchParam.pageSize = params.limit === undefined? -1 : params.limit;
            searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+  params.order;
            return searchParam;
        },
        onShowSearch: function () {
            $("#search-collapse").slideToggle();
        },
        //分页方式：client客户端分页，server服务端分页（*）
        sidePagination: "server",
        contextMenuTrigger:"right",//pc端 按右键弹出菜单
        contextMenuTriggerMobile:"press",//手机端 弹出菜单，click：单击， press：长按。
        contextMenu: '#context-menu',
        onContextMenuItem: function(row, $el){
            if($el.data("item") == "edit"){
                edit(row.id);
            } else if($el.data("item") == "delete"){
                del(row.id);

            }
        },

        columns: [{
            checkbox: true

        },{
            field: 'label',
            title: '档案类型',
            sortable:true
        }, {
            field: 'operate',
            title: '操作',
            align: 'center',
            events: {
                'click .setDictValue': function (e, value, row, index) {
                    initCost = true;
                    $("#left").attr("class", "col-sm-5");
                    setTimeout(function(){
                        $("#right").fadeIn(500);
                    },500)
                    $("#dictValueName").html(row.label);
                    $("#objectId").val(row.id);
                    $('#objectCostItemTable').bootstrapTable("refresh")
                }
            },
            formatter:  function operateFormatter(value, row, index) {
                return [
                    <shiro:hasPermission name="sys:dict:edit">
                    '<a href="#" class="setDictValue"  title="管理款项"><i class="fa fa-cog"></i> </a>'
                    </shiro:hasPermission>
            ].join('');
            }
        }]
    });

    $('#table').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
        'check-all.bs.table uncheck-all.bs.table', function () {
        $('#remove').prop('disabled', ! $('#table').bootstrapTable('getSelections').length);
        $('#edit').prop('disabled', $('#table').bootstrapTable('getSelections').length!=1);
    });

    $("#search").click("click", function() {// 绑定查询按扭
        $('#table').bootstrapTable('refresh');
    });
    $("#reset").click("click", function() {// 绑定查询按扭
        $("#searchForm  input").val("");
        $("#searchForm  select").val("");
        $('#table').bootstrapTable('refresh');
    });

});

function getIdSelections() {
    return $.map($("#table").bootstrapTable('getSelections'), function (row) {
        return row.id
    });
}

function refresh(){
    $('#table').bootstrapTable('refresh');
    $('#objectCostItemTable').bootstrapTable("refresh");
}

$(document).ready(function() {
    var $dictValueTable =	$('#objectCostItemTable').bootstrapTable({
        //请求方法
        method: 'post',
        //类型json
        dataType: "json",
        contentType: "application/x-www-form-urlencoded",
        //是否显示行间隔色
        striped: true,
        //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        cache: false,
        //是否显示分页（*）
        pagination: false,
        //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
        url: "${ctx}/sys/lateFeePlan/getLateFeePlan",
        //默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
        //queryParamsType:'',
        ////查询参数,每次调用是会带上这个参数，可自定义
        queryParams : function(params) {
            return {objectId:$("#objectId").val()};
        },
        uniqueId : 'id',
        //分页方式：client客户端分页，server服务端分页（*）
        sidePagination: "server",
        columns: [
            {
                field: 'scostitemName',
                title: '源款项'
            },{
                field: 'selected',
                title: '选择',
                formatter:function(value, row , index){
                    return jp.getDictLabel(${fns:toJson(fns:getDictList('Sys_YesNo'))}, value, "-");
                }
            },{
                field: 'status',
                title: '启用',
                formatter:function(value, row , index){
                    return jp.getDictLabel(${fns:toJson(fns:getDictList('Sys_YesNo'))}, value, "-");
                }
            },{
                field: 'inCorpus',
                title: '本金',
                formatter:function(value, row , index){
                    return jp.getDictLabel(${fns:toJson(fns:getDictList('Sys_YesNo'))}, value, "-");
                }
            },{
                field: 'inInterest',
                title: '利息',
                formatter:function(value, row , index){
                    return jp.getDictLabel(${fns:toJson(fns:getDictList('Sys_YesNo'))}, value, "-");
                }
            },{
                field: 'dayRate',
                title: '日罚利率'
            },{
                field: 'costitemid',
                title: '滞纳金款项',
                formatter:function(value, row , index){
                    return jp.getDictLabel(${fns:toJson(fns:getDictList('Sys_CostItemID'))}, value, "-");
                }
            },{
                field: 'beginDate',
                title: '开始日期'
            },{
                field: 'endDate',
                title: '结束日期'
            },{
                field: 'operate',
                title: '操作',
                events: {
                    'click .edit': function (e, value, row, index) {

                        jp.openSaveDialog('编辑', '${ctx}/sys/lateFeePlan/lateFeePlanForm?lateFeePlanId=' + row.id
                            +"&objectId=" + $("#objectId").val(),'800px', '500px');
                    },
                    'click .del': function (e, value, row, index) {
                        jp.confirm('确认要删除吗？',function(){
                            jp.loading();
                            $.get('${ctx}/sys/lateFeePlan/delete?id='+row.id, function(data){
                                if(data.success){
                                    $('#objectCostItemTable').bootstrapTable("refresh");
                                    jp.success(data.msg);
                                }else{
                                    jp.error(data.msg);
                                }
                            })
                        });
                    }
                },
                formatter:  function operateFormatter(value, row, index) {
                    return [
                    <shiro:hasPermission name="sys:lateFeePlan:edit">
                    '<a href="#" class="edit" title="编辑" >[编辑] </a>',
                    </shiro:hasPermission>
                    <shiro:hasPermission name="sys:lateFeePlan:edit">
                    '<a href="#" class="del" title="删除" >[删除] </a>'
                    </shiro:hasPermission>
                    ].join('');
                }
            }]
    });

    $("#objectCostItemButton").click(function(){
       jp.openSaveDialog('添加', '${ctx}/sys/lateFeePlan/lateFeePlanForm?objectId=' + $("#objectId").val(),'800px', '500px');
    });

});


</script>